<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/backend/common/taglib.jsp" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/backend/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<base href="<%=basePath%>">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>后台管理工作平台</title>
<link rel="stylesheet" href="common/page.css" type="text/css"></link>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function(){
	$("input[name=roleId]").each(function(){
		$(this).click(function(){
			window.parent.document.getElementById("personId").value = $(this).val();

		})
		
	});
});

function openDistribute(){
	window.open('user!openDistribute.action?id=${id}','','height=500, width=800, toolbar=no, menubar=no, scrollbars=yes, resizable=yes,location=no, status=no');
}
</script>
</head>
<body>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="30"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="24" bgcolor="#353c44"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="6%" height="19" valign="bottom"><div align="center"><img src="images/tb.gif" width="14" height="14" /></div></td>
                <td width="94%" valign="bottom"><span class="STYLE1"> 用户的角色</span></td>
              </tr>
            </table></td>
            <td>
            	<div align="right">
            	 <span class="STYLE1">
	             &nbsp;	<img src="images/add.gif" width="10" height="10" /> <a href="javascript:openDistribute()">分配新的角色</a> 
	             </span>
	             <span class="STYLE1"> &nbsp;</span>
             	</div>
             </td>
          </tr>
        </table></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td>
    <table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#a8c7ce">
      <tr>
        <td width="200" height="20" bgcolor="d3eaef" class="STYLE6">
        		<div align="center"><span class="STYLE10">角色名</span></div>
        </td>
        <td width="200" height="20" bgcolor="d3eaef" class="STYLE6">
        		<div align="center"><span class="STYLE10">优先级</span></div>
        </td>
      </tr>
      
      <c:if test="${not empty userRoleList}">
      <c:forEach items="${userRoleList}" var="c">
      <tr>
        <td height="20" bgcolor="#FFFFFF" class="STYLE19"><div align="center">${c.role.name }</div></td>
        <td height="20" bgcolor="#FFFFFF" class="STYLE19"><div align="center">${c.sortNo }</div></td>
      </tr>
      </c:forEach>
      </c:if>
      
    </table>
    </td>
  </tr>
  
</table>
</body>
</html>

